<div class="row m-t-20">
    <div class="col-md-3 col-sm-12">
        <div class="panel no-bd bd-3 panel-stat">
            <div class="panel-body bg-blue p-15">
                <div class="row m-b-6">
                    <div class="col-xs-3">
                        <i class="fa fa-users fa-3x"></i>
                    </div>
                    <div class="col-xs-9">
                        <small class="stat-title">Thành viên mới</small>
                        <h1 class="m-0 w-500">40</h1>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-6">
                        <small class="stat-title">Thành viên</small>
                        <h3 class="m-0 w-500">1 000</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end col -->
    <div class="col-md-3 col-sm-12">
        <div class="panel no-bd bd-3 panel-stat">
            <div class="panel-body bg-red p-15">
                <div class="row m-b-6">
                    <div class="col-xs-3">
                        <i class="fa fa-file-text fa-3x"></i>
                    </div>
                    <div class="col-xs-9">
                        <small class="stat-title">Bài viết mới</small>
                        <h1 class="m-0 w-500">100</h1>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-6">
                        <small class="stat-title">Bài viết</small>
                        <h3 class="m-0 w-500">2 000</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end col -->
    <div class="col-md-3 col-sm-12">
        <div class="panel no-bd bd-3 panel-stat">
            <div class="panel-body bg-green p-15">
                <div class="row m-b-6">
                    <div class="col-xs-3">
                        <i class="glyphicon glyphicon-picture fa-3x"></i>
                    </div>
                    <div class="col-xs-9">
                        <small class="stat-title">Album ảnh mới</small>
                        <h1 class="m-0 w-500">100</h1>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-6">
                        <small class="stat-title">Album ảnh</small>
                        <h3 class="m-0 w-500">2 000</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end col -->
    <div class="col-md-3 col-sm-12">
        <div class="panel no-bd bd-3 panel-stat">
            <div class="panel-body bg-dark p-15">
                <div class="row m-b-6">
                    <div class="col-xs-3">
                        <i class="fa fa-video-camera fa-3x"></i>
                    </div>
                    <div class="col-xs-9">
                        <small class="stat-title">Video clip mới</small>
                        <h1 class="m-0 w-500">100</h1>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-6">
                        <small class="stat-title">Video clip</small>
                        <h3 class="m-0 w-500">2 000</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end col -->
</div>
<!-- end row -->
<div class="row">
    <div class="col-md-6">
        <div class="panel panel-default">
            <div class="panel-heading clearfix pos-rel">
                <div class="pos-abs t-10 l-15 f-18 c-gray"><i class="fa fa-users"></i></div>
                <a href="#"><h2 class="panel-title width-100p c-blue text-left m-l-30 w-500 f-20 carrois">Thành viên</h2></a>
            </div>
            <div class="panel-body messages">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="withScroll" data-height="320">
                            <a href="#" class="message-item media">
                                <div class="media">
                                    <img src="<?php echo Yii::app()->request->baseUrl; ?>/backend/images/avatars/avatar1.png" alt="avatar 1" width="40" class="pull-left">
                                    <div class="media-body">
                                        <div class="pull-left">
                                            <p class="c-dark m-0"><strong>administrator</strong></p>
                                            <p class="c-gray m-0">quanghuyaid@gmail.com</p>
                                        </div>
                                        <div class="pull-right f-18 p-t-10">
                                            <i rel="tooltip" title="0933 698 865" data-placement="left" class="fa fa-phone"></i>
                                            <i data-placement="left" class="m-l-30 p-r-10 f-14 status-active">Active</i>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="#" class="message-item media">
                                <div class="media">
                                    <img src="<?php echo Yii::app()->request->baseUrl; ?>/backend/images/avatars/avatar1.png" alt="avatar 1" width="40" class="pull-left">
                                    <div class="media-body">
                                        <div class="pull-left">
                                            <p class="c-dark m-0"><strong>administrator</strong></p>
                                            <p class="c-gray m-0">quanghuyaid@gmail.com</p>
                                        </div>
                                        <div class="pull-right f-18 p-t-10">
                                            <i rel="tooltip" title="0933 698 865" data-placement="left" class="fa fa-phone"></i>
                                            <i data-placement="left" class="m-l-30 p-r-10 f-14 status-active">Active</i>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="#" class="message-item media">
                                <div class="media">
                                    <img src="<?php echo Yii::app()->request->baseUrl; ?>/backend/images/avatars/avatar1.png" alt="avatar 1" width="40" class="pull-left">
                                    <div class="media-body">
                                        <div class="pull-left">
                                            <p class="c-dark m-0"><strong>administrator</strong></p>
                                            <p class="c-gray m-0">quanghuyaid@gmail.com</p>
                                        </div>
                                        <div class="pull-right f-18 p-t-10">
                                            <i rel="tooltip" title="0933 698 865" data-placement="left" class="fa fa-phone"></i>
                                            <i data-placement="left" class="m-l-30 p-r-10 f-14 status-banned">Banned</i>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="#" class="message-item media">
                                <div class="media">
                                    <img src="<?php echo Yii::app()->request->baseUrl; ?>/backend/images/avatars/avatar1.png" alt="avatar 1" width="40" class="pull-left">
                                    <div class="media-body">
                                        <div class="pull-left">
                                            <p class="c-dark m-0"><strong>administrator</strong></p>
                                            <p class="c-gray m-0">quanghuyaid@gmail.com</p>
                                        </div>
                                        <div class="pull-right f-18 p-t-10">
                                            <i rel="tooltip" title="0933 698 865" data-placement="left" class="fa fa-phone"></i>
                                            <i data-placement="left" class="m-l-30 p-r-10 f-14 status-active">Active</i>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="#" class="message-item media">
                                <div class="media">
                                    <img src="<?php echo Yii::app()->request->baseUrl; ?>/backend/images/avatars/avatar1.png" alt="avatar 1" width="40" class="pull-left">
                                    <div class="media-body">
                                        <div class="pull-left">
                                            <p class="c-dark m-0"><strong>administrator</strong></p>
                                            <p class="c-gray m-0">quanghuyaid@gmail.com</p>
                                        </div>
                                        <div class="pull-right f-18 p-t-10">
                                            <i rel="tooltip" title="0933 698 865" data-placement="left" class="fa fa-phone"></i>
                                            <i data-placement="left" class="m-l-30 p-r-10 f-14 status-active">Active</i>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end col -->
    <div class="col-md-6">
        <div class="panel panel-default">
            <div class="panel-heading clearfix pos-rel">
                <div class="pos-abs t-10 l-15 f-18 c-gray"><i class="fa fa-file-text"></i></div>
                <a href="#"><h2 class="panel-title width-100p c-blue text-left m-l-30 w-500 f-20 carrois">Bài viết</h2></a>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th class="col-md-9">Tên bài viết</th>
                                <th>Kiểm duyệt</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>Hướng dẫn cài đặt Yii framework</td>
                                <td class="text-center"><span class="status-pending">Pending</span></td>
                            </tr>
                            <tr>
                                <td>Hướng dẫn cơ bản Wordpress</td>
                                <td class="text-center"><span class="status-active">Active</span></td>
                            </tr>
                            <tr>
                                <td>Hướng dẫn cơ bản Wordpress</td>
                                <td class="text-center"><span class="status-active">Active</span></td>
                            </tr>
                            <tr>
                                <td>Hướng dẫn cơ bản Wordpress</td>
                                <td class="text-center"><span class="status-active">Active</span></td>
                            </tr>
                            <tr>
                                <td>Hướng dẫn cơ bản Wordpress</td>
                                <td class="text-center"><span class="status-active">Active</span></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end col -->
</div>
<!-- end row -->
<div class="row">
    <div class="col-md-6">
        <div class="panel panel-default">
            <div class="panel-heading clearfix pos-rel">
                <div class="pos-abs t-10 l-15 f-18 c-gray"><i class="glyphicon glyphicon-picture"></i></div>
                <a href="#"><h2 class="panel-title width-100p c-blue text-left m-l-30 w-500 f-20 carrois">Al bum ảnh</h2></a>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th class="col-md-9">Tên album ảnh</th>
                                <th>Kiểm duyệt</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>Hướng dẫn cài đặt Yii framework</td>
                                <td class="text-center"><span class="status-pending">Pending</span></td>
                            </tr>
                            <tr>
                                <td>Hướng dẫn cơ bản Wordpress</td>
                                <td class="text-center"><span class="status-active">Active</span></td>
                            </tr>
                            <tr>
                                <td>Hướng dẫn cơ bản Wordpress</td>
                                <td class="text-center"><span class="status-active">Active</span></td>
                            </tr>
                            <tr>
                                <td>Hướng dẫn cơ bản Wordpress</td>
                                <td class="text-center"><span class="status-active">Active</span></td>
                            </tr>
                            <tr>
                                <td>Hướng dẫn cơ bản Wordpress</td>
                                <td class="text-center"><span class="status-active">Active</span></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end col -->
    <div class="col-md-6">
        <div class="panel panel-default">
            <div class="panel-heading clearfix pos-rel">
                <div class="pos-abs t-10 l-15 f-18 c-gray"><i class="fa fa-video-camera"></i></div>
                <a href="#"><h2 class="panel-title width-100p c-blue text-left m-l-30 w-500 f-20 carrois">Video clip</h2></a>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th class="col-md-9">Tên video clip</th>
                                <th>Kiểm duyệt</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>Hướng dẫn cài đặt Yii framework</td>
                                <td class="text-center"><span class="status-pending">Pending</span></td>
                            </tr>
                            <tr>
                                <td>Hướng dẫn cơ bản Wordpress</td>
                                <td class="text-center"><span class="status-active">Active</span></td>
                            </tr>
                            <tr>
                                <td>Hướng dẫn cơ bản Wordpress</td>
                                <td class="text-center"><span class="status-active">Active</span></td>
                            </tr>
                            <tr>
                                <td>Hướng dẫn cơ bản Wordpress</td>
                                <td class="text-center"><span class="status-active">Active</span></td>
                            </tr>
                            <tr>
                                <td>Hướng dẫn cơ bản Wordpress</td>
                                <td class="text-center"><span class="status-active">Active</span></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end col -->
</div>
<!-- end row -->